html,
body {
    height: 100%;
    margin: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

h1,
h2 {
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
}

/* 浏览器都有自己的默认样式，以上部分为清除浏览器默认样式 */


.box {
    position: relative;
    width: 160px;
    height: 215px;
    background: url(./images/bg-image.png)no-repeat center/ contain;

}

.box .container {
    width: 130px;
    height: 31px;
    display: flex;
    flex-wrap: wrap;


}

.box .container>div {
    border: 0.5px solid #FFFFFF;
    box-sizing: border-box;
    height: 15px;
    border-radius: 10px;
    margin-left: 8px;
    margin-top: 4px;

    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;

    color: #FFFFFF;
}

.box .title {
    position: absolute;
    left: 15px;
    bottom: 56px;
    width: 80px;
    height: 22px;

    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;

    color: #FFFFFF;
}

.box>p {
    position: absolute;
    left: 15px;
    bottom: 34px;
    width: 96px;
    height: 17px;
    margin-top: 5px;

    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    /* identical to box height */


    color: rgba(255, 255, 255, 0.6);
}

.box>span {

    position: absolute;
    left: 15px;
    bottom:15px;
    width: 72px;
    height: 17px;
    

    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    /* identical to box height */


    color: rgba(255, 255, 255, 0.6);
}